body {
  padding: 15px;
  background-color: #f2f3f5;
}

.row1 {
  overflow: hidden;
}
.cropper-area {
  width: 350px;
  height: 350px;
  float: left;
}
.preview-area {
  float: left;
  margin-left: 30px;
  text-align: center;
}
.pa-1 {
  margin-bottom: 20px;
}
.cropper-area img {
  width: 100%;
  height: 100%;
}
.preview-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  background-color: aqua;
}
.preview-50 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 25px;
  overflow: hidden;
  background-color: aqua;
}
.row2 {
  margin: 25px auto 15px;
}
